<!--
 * @Author: your name
 * @Date: 2020-05-24 17:57:38
 * @LastEditTime: 2020-05-24 17:59:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \bootstrap-practice\01栅格系统\02将栅格应用于网页整体布局.html
 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <title>Document</title>
</head>
<body>
    <div class="col-sm-2">
        <h3>主侧栏</h3>
        >is left empty or omitted, the snippet gets applied to all languages. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are
    </div>
    <div class="col-sm-8">
        <h1>内容</h1>
        >is left empty or omitted, the snippet gets applied to all languages. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are
    </div>
    <div class="col-sm-2">
            <h3>右侧栏</h3>
            >is left empty or omitted, the snippet gets applied to all languages. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are
        </div>
</body>
</html>